<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    .nav {
      height: 60px;
      background-color: #aaa;
      text-align: center;
    }

    .nav a {
      color: #000;
      display: inline-block;
      width: 100px;
      height: 60px;
      text-decoration: none;
      font-weight: 700;
    }



    a.public {
      font-weight: 700;
      color: yellow;
    }

    a:hover {
      color: blue;
      background-color: #eee;
      text-decoration: underline;
    }


    .back {
      margin: 200px 0;
      height: 300px;
      background-image: url(images/1.png);
      background-position: right;
    }

    a.gwc {
      display: inline-block;
      width: 200px;
      height: 2
      00px;
      background: url(images/gwc.jpg);
    }
  </style>

</head>

<body>
  <div class="nav">
    <a href="" class="public">天猫</a>
    <a href="" class="public">聚划算</a>
    <a href="" class="public">淘宝</a>
    <a href="" class="public">京东</a>
    <a href="">百度</a>
    <a href="">小黄人</a>
    <a href="">天眼</a>
    <a href="">苏宁易购</a>
    <a href="">国美</a>
  </div>

  <div class="back">

  </div>

  <a href="#" class="gwc">购物车</a>

</body>

</html>
